<!--
 * @Description: {{ByRuin}}
 * @Version: 2.0
 * @Author: Ruin 🍭
 * @Date: 2021-12-20 13:14:54
 * @LastEditors: 刘引
 * @LastEditTime: 2021-12-23 08:51:27
-->
<template>
  <div class="root">
    <div class="w">
      <div class="container">
        <div><img src="../assets/img/Footer/logo.png" alt="" /></div>
        <div class="divider"></div>
        <div>
          <h3>产品服务</h3>
          <ul>
            <li>PCB打板</li>
            <li>SMT贴片</li>
            <li>BOM配单</li>
            <li>元器件采购</li>
          </ul>
        </div>
        <div class="divider"></div>
        <div>
          <h3>新手指南</h3>
          <ul>
            <li>工艺制程能力</li>
            <li>下单须知</li>
            <li>支付方式</li>
            <li>售后服务</li>
          </ul>
        </div>
        <div class="divider"></div>

        <div>
          <h3>关于我们</h3>
          <ul>
            <li>硬姐智造简介</li>
            <li>工厂设备展示</li>
            <li>服务优势</li>
            <li>联系我们</li>
          </ul>
        </div>
        <div class="divider"></div>

        <div class="contact">
          <h3>联系方式</h3>
          <ul>
            <li>服务热线：400-800-5383 189-2740-7692</li>
            <li>联系邮箱： service@allchips.com</li>
            <li>服务时间：9:00-18:00（周一至周六）</li>
            <li>工厂地址：广东省深圳市龙岗区平湖街道新木社区乐新路51号</li>
          </ul>
        </div>
        <div>
          <img src="../assets/img/Footer/qrcode.jpg" alt="" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.root {
  padding: 40px 0;
  .w {
    .container {
      display: flex;
      height: 227px;
      flex: 1;
      align-items: center;
      justify-content: space-between;
      .divider {
        width: 1px !important;
        height: 146px;
        background-color: #eaeaea;
      }
      .contact {
        h3,
        ul {
          text-align: left !important;
        }
      }
      // padding: 0 40px;
      div {
        h3 {
          text-align: center;
          font-weight: 350;
          font-size: 16px;
          margin: 10px 0;
        }

        &:nth-last-child(1) {
          img {
            width: 140px;
            height: 140px;
          }
        }

        ul {
          text-align: center;
          li {
            font-size: 14px;
            color: #7a7a7a;
            line-height: 30px;
          }
        }
      }
    }
  }
}
</style>